﻿
function categort2Append(data){
    $(".category2 ul").html('');
    data.each(function(){
        var category1_2_0_spantext = $(this).text();
        $(".category2 ul").append('<li>'+category1_2_0_spantext+'<span class="arrow"></span></li>');
    });
    $('.category2 ul li').on('click',categort3Append);
    $(".category1 ul li").on('click',function(){
        $(".category1 ul li").removeClass('active');
        $(this).addClass('active');
        var category1_index = $(this).index();
        var category1_2_eq_span = $('.category1-2').eq(category1_index).find('span');
        categort2Append(category1_2_eq_span);
        $(".category2").css({"width":"70%"});
        $(".category3").hide();
    })
}

function categort3Append(){
    $('.category2 ul li').removeClass('active');
    $(this).addClass('active');
    $(".category2").css({"width":"30%"});
    $(".category3").show();
    $(".category3 ul").html('');
    var category2_text = $(this).text();
    var category1_2_span = $('.category1-2').find('span');
    category1_2_span.each(function(){
        if($(this).text() == category2_text){
            var category1_3_li = $(this).next().find('li');
            category1_3_li.each(function(){
                $(".category3 ul").append('<li class="close-picker">'+$(this).text()+'</li>')
            })
        }
    });
    $(".category3 ul li").on('click',Prompt)
}
function Prompt(){
    var c = $(this).text();
    $(".select-category").text(c);
}
